.login-container {
	position: relative;
	height: 100vh;

	/* 顶部盒子样式 */
	.top-box {
		position: absolute;
		top: 0.75rem;
		right: 1.5rem;

		.svg-language {
			width: 22px;
			height: 22px;
			color: $grey;
			cursor: pointer;

			&:hover {
				color: $primaryColor;
			}
		}
	}

	.main-box {
		height: 100%;

		.left-svg {
			flex: 0.5;
			height: 800px;
			cursor: pointer;
			transition: all 0.3s;
		}

		.login-box {
			flex: 0.4;
			height: 100%;

			.login-form {
				width: 360px;
				text-align: center;

				.login-title {
					color: $grey;
				}

				.logo-svg {
					width: 60px;
					height: 75px;
					margin: 0 auto;
				}

				.login-iconSize {
					width: 15px;
					height: 15px;
				}

				.other-methods {
					padding: 0 50px;

					.icon-class {
						width: 22px;
						height: 22px;
						color: $grey;
						cursor: pointer;

						&:hover {
							color: $primaryColor;
						}
					}
				}
			}
		}
	}

	.between-box {
		.el-form-item__content {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: space-between;
		}
	}

	.el-input {
		height: 40px;
	}

	/* 底部背景图片样式 */
	.footer-bg {
		position: fixed;
		bottom: -30%;
		left: 0;
		z-index: -1;
		width: 100vw;
		height: 100vh;
	}
}

// 中英文切换-下拉item项样式
.el-dropdown-menu {
	padding: 0 !important;

	.el-dropdown-menu__item {
		position: relative;
		padding: 5px 40px;

		.svg-language-item {
			position: absolute;
			top: 50%;
			left: 15px;
			width: 20px;
			height: 20px;
			margin-right: 8px;
			transform: translateY(-50%);
		}
	}
}

// 中英文切换-被选中项样式
.item-active {
	color: #fff;
	background-color: $primaryColor;

	&:hover {
		color: #fff !important;
		background-color: $primaryColor !important;
	}
}
